import { Image } from 'antd';

export default () => {
  return (
    <>
      <main className="mx-auto bg-white rounded-xl shadow-md p-8 mb-4">
        <h1 className="text-3xl font-bold text-gray-800 mb-8 border-b-2 pb-4">
          HuiHiFi 音频技术白皮书
        </h1>

        <section className="mb-8">
          <h2 className="text-2xl font-semibold mb-4">我们提供什么</h2>
          <p className="text-gray-700 leading-relaxed">
            huihifi.com通过自主研发的频响拟合、混响拟合、相位纠错、非线性失真补偿、阻抗适配算法系统，以音频文件为载体，将不同设备的差异进行逆渲染，实现了1:1定向设备听感模拟的技术。
          </p>
          <div className="bg-blue-50 p-4 rounded-lg mt-4">
            <span className="font-medium">云试听功能：</span>
            上传自己熟悉的音乐，使用自己的HiFi系统，模拟试听其他HiFi耳机/系统的听感效果。
          </div>
        </section>

        <section className="mb-8">
          <h2 className="text-2xl font-semibold mb-4">使用huihifi.com云试听的注意事项<span className='text-red-500'>（重要）</span></h2>
          <div className="bg-yellow-50 p-6 pl-0 rounded-lg">
            <ol className="list-decimal space-y-3 text-gray-700 mb-0">
              <li>在使用<span className='font-semibold'>入耳式耳机</span>模拟<span className='font-semibold'>入耳式耳机</span>时，请尽量保证耳塞套插入深度，与目标耳机的实际插入深度一致，以避免耳道耦合深度不同导致差异。</li>
              <li>在使用<span className='font-semibold'>入耳式耳机</span>模拟<span className='font-semibold'>头戴式耳机</span>时，请尽量使用较大号的耳塞套浅插，务必避免深插。这是因为我们的测量人耳模型主要基于GRAS 5010，如果使用小号耳塞套深插，同样会带来耳道耦合深度不同造成的听感差异。</li>
              <li>不建议使用<span className='font-semibold'>头戴式耳机</span>模拟<span className='font-semibold'>头戴式耳机</span>，因为会大幅增加外耳廓耦合误差，仅能实现较为类似的风格，无法精准还原。</li>
            </ol>
          </div>
        </section>

        <section className="mb-8">
          <h2 className="text-2xl font-semibold mb-4">我们的技术实现思路</h2>
          <ul className="list-disc space-y-2 text-gray-700">
            <li>最小颗粒度量化声音的差异</li>
            <li>
              线性指标（频率响应、相位、耦合关系、阻抗匹配等）通过算法直接拟合
            </li>
            <li>
              非线性指标（失真、混响、超幅压缩等）通过自主研发的算法进行精确补偿
            </li>
          </ul>
        </section>

        <section className="mb-8">
          <h2 className="text-2xl font-semibold mb-4">
            GB/T 13581-1992 高保真头戴耳机最低性能要求，规定了以下基本要求：
          </h2>
          <div className="bg-gray-100 p-4 rounded-lg">
            <p className="mb-2">频响范围：50-12500Hz</p>
            <p className="mb-2">
              谐波失真：100~3000Hz，THD≤1%，以94dB声压级测试时，THD≤3%
            </p>
            <p className='mb-2'>有源耳机本底噪声≤30dBA等</p>

            <p className="mb-0">
              标准文件下载：
              <a
                href="https://www.csmpte.com/photoworkspace/hisdata/file_new/file/5/13101/1310129601775.pdf"
                className=" underline hover:text-blue-800"
              >
                GB/T 13581-1992 PDF
              </a>
            </p>
          </div>
        </section>

        <section className="mb-8 text-center">
          <Image src={require('@/assets/imgs/standard-1.png')} />
          <Image src={require('@/assets/imgs/standard-2.png')} />
          <Image src={require('@/assets/imgs/standard-3.png')} />
          <Image src={require('@/assets/imgs/standard-4.png')} />
        </section>

        <section className="mb-8">
          <h2 className="text-2xl font-semibold mb-4">
            我们如何定义"优秀的HiFi产品"？
          </h2>
          <p className="text-gray-700 leading-relaxed">
            在实际聆听中，发烧友能够真实听到更多的音质差异。以追求绝对的声音还原为准则，我们对HiFi产品的音频性能进行了更严格的定义。
          </p>
        </section>

        <section className="mb-8">
          <h2 className="text-2xl font-semibold mb-4">
            我们定义的全新复合维度测量指标
          </h2>
          <p className="text-gray-700">
            超幅压缩：以94dB为起点，增加和减少10dB输出增益，测量两次频响曲线的声压级，是否正确达到了对应84/104dB的正确幅值，若小于0dB，则出现了动态限幅；若大于0dB，说明该输出下还未进入线性振动幅度。
          </p>
          <p>
            huihifi统计学极限频响曲线：以1kHz为拟合点，站内所有耳机频响对最大值链接而成的曲线。
          </p>
        </section>

        <section className="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
          <div className="bg-gray-100 p-6 rounded-xl">
            <h3 className="text-xl font-bold text-gray-800 mb-4">
              HuiHiFi银标认证
            </h3>
            <ul className="space-y-2 mb-0">
              <li>✔ 能够通过算法，能在94dB（@1kHz）将频响正确还原贴合huihifi统计学频响参考线</li>
              <li>✔ 补偿后全频失真&lt;1%</li>
              <li>✔ 超幅动态压缩&lt;1dB</li>
            </ul>
          </div>

          <div className="bg-amber-50 p-6 rounded-xl">
            <h3 className="text-xl font-bold text-gray-800 mb-4">
              HuiHiFi金标认证
            </h3>
            <ul className="space-y-2 mb-0">
              <li>✔ 能在104dB（@1kHz）将频响正确还原贴合huihifi统计学频响参考线</li>
              <li>✔ 补偿后全频失真&lt;1%</li>
              <li>✔ 超幅动态压缩&lt;1dB</li>
            </ul>
          </div>
        </section>

        <section className="bg-green-50 p-6 rounded-lg">
          <h3 className="text-lg font-bold text-gray-800 mb-3">如何获取认证</h3>
          <p className="text-gray-700">敬请期待</p>
        </section>
      </main>
    </>
  );
};
